<template>
  <h1>响应式指令</h1>
  <input type="text" value="tom">
<!--将value属性的值与name变量惊醒绑定，有name变量来控制输入框显示的默认值 -->
  <input type="text" v-bind:value="name">
<!--  简写形式-->
  <input type="text" :value="name">
  <hr>
  <a href="url">链接1</a>
  <a :href="url">链接2</a>
</template>

<script setup>
  import {ref} from "vue";

  const name=ref('张先生');
  const url=ref('https://www.baidu.com/');
  url.value='https://www.jd.com/';
</script>



<style scoped>

</style>